﻿<!doctype html>
<html>
<head>
    <title>Getting Started Extension's Popup</title>
    <link href="popup.css" rel="stylesheet" />
    <link href="css/m-styles.min.css" rel="stylesheet" />
    <link href="css/bootstrap.min.css" rel="stylesheet" />
    <script type="text/javascript" src="jquery-2.0.3.min.js"></script>
    <script type="text/javascript" src="knockout-2.3.0.js"></script>
    <script type="text/javascript" src="popup.js"></script>
    <!--   <script src="js/js/m-dropdown.min.js"></script>-->

    <script src="js/bootstrap.min.js"></script>

 

</head>
<body>


      <nav class="navbar-fixed-top" role="navigation">
        
               <div class="navbar-default navbar-inverse topbar">
        <div class="container-fluid">
              


                <div class="navbar-header fleft">
                     <a class="navbar-brand" href="http://scripter.ewave.co.il/">Scripter&trade; <sup>v3.0</sup></a>
                  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
           </div>
   
                   

             <div class="collapse navbar-collapse   navbar-ex1-collapse">


           
                        <ul class="nav navbar-nav ">
                            <li class="active"><a href="WebSites.aspx">Projects</a></li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Resources <b class="caret white"></b></a>
                                <ul class="dropdown-menu">
                                    <li><a id="ScripterTutorials">Tutorials</a></li>
                                 

                                </ul>
                            </li>




                           



                       <!--     <li class="dropdown" id="theme-dropdown">

                                <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-cogs icon-large"></i>Theme<i class="caret white"></i></a>
                                <ul class="dropdown-menu">
                                    <asp:Repeater ID="ThemesRpt" runat="server">
                                        <ItemTemplate>
                                            <li><a href="#" class="capitalize change-style-menu-item" rel="<%#Container.DataItem %>"><i class="icon-fixed-width icon-pencil"></i><span><%#Container.DataItem %></span></a></li>

                                        </ItemTemplate>

                                    </asp:Repeater>


 
                                </ul>
                            </li>-->



                            
                        </ul>

                     
                    </div>
                

           </div>
                    </div>
              
          
               
   </nav>



    <div class="row">

        <div class="col-xs-3">

            <div class="m-btn-group">
                <button type="button" class="btn btn-default btn-lg dropdown-carrettoggle" data-toggle="dropdown">
                    <span class="glyphicon glyphicon-cog"></span>
                </button>
                <ul class="m-dropdown-menu">
                    <li><a href="#"><i class="icon-user"></i>Edit Profile</a></li>
                    <li><a href="#"><i class="icon-th-list"></i>View Profile</a></li>
                    <li><a href="#"><i class="icon-question-sign"></i>Help</a></li>
                    <li class="divider"></li>
                    <li><a href="#"><i class="icon-off"></i>Logout</a></li>
                </ul>
            </div>
        </div>
        <div class="col-xs-9">

            <span class="add-on">Page name: </span>
            <span data-bind="text: page" class="black"></span>
        </div>
    </div>
    <div id="header" class="m-input-prepend m-btn-strip ">
    </div>

    <div id="ScripterFoundNotFound" class="h3 well"  >
        Scripter&trade; is not configured for this site.
        <h4>
        Visit Scripter&trade; web site to get your account up and running.
            </h4>

        <a href="http://scripter.ewave.co.il" target="_blank" class="center btn btn-primary">Get Scripter&trade;</a>

    </div>

    <div id="ScripterFound">

       <!-- <abbr>Active files:</abbr>-->

        <!--   <a class="m-btn mini blue">New Comment (button)</a>-->

        <div id="scroll">








            <div class="panel-group" id="accordion">
                <div class="panel panel-info" data-bind="foreach: files">
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" data-bind="attr: { href: '#' + cleanname }">
                                <span data-bind="text: name"></span>
                            </a>
                        </h4>
                    </div>
                    <div class="panel-collapse panel-body collapse in" data-bind="attr: { id: cleanname }">
                    



                            <div class="blocks">
                                <ul data-bind="foreach: blocks" class="list-group">
                                    <li data-bind="attribute: description">

                                        <section class="row">
                                            <div class="file-header">
                                                <div class="block-name col-xs-7">
                                              <a class="plus">  <strong><span class="glyphicon glyphicon-chevron-right"></span><span data-bind="    text: name"></span></strong></a>  <abbr data-bind="    text: description"></abbr>
                                                </div>
                                                <div class="col-xs-5">
                                                    <div class="btn-group">
                                                    <span data-bind="text: loaded ? 'Binded' : 'Binded', css: binded ? 'btn-success' : 'btn-info'" class="btn btn-xs"></span>
                                                    <span data-bind="text: triggered ? 'Triggered' : 'Triggered', css: triggered ? 'btn-success' : 'btn-info'" class="btn btn-xs"></span>




                                                    <span data-bind="text: loaded ? 'Active' : 'Idle', css: loaded ? 'btn-success' : 'btn-info'" class="btn btn-xs"></span>
                                                    </div>
                                                </div>
                                                <div class="clearfix"></div>

                                            </div>
                                        </section>

                                        <section class="rules hide padding10">

                                            <abbr class="small-abbr  " data-bind="css: rules.length == 0 ? 'hide' : '' ">rules</abbr>
                                            <ul data-bind="foreach: rules">

                                                <li class="rule-block">
                                                    <span class="input-group"><span class="input-group-addon" data-bind="text: Name"></span>
                                                        <span class="input-group-values">
                                                            <strong>Type </strong><span data-bind="    text: RuleType"></span>
                                                            <ul class="clear" data-bind="foreach: RuleExpressions">
                                                                <li><strong>expression </strong>{<span data-bind="    text: Macro.Name"></span>~<span data-bind="    text: Operator"></span>:<span data-bind="    text: Value"></span>}</li>
                                                            </ul>

                                                            <span class="event-block">
                                                                <strong>event  </strong>
                                                                <span data-bind="    text: Event"></span>
                                                                <span data-bind="    text: Selector"></span>
                                                            </span>
                                                        </span></span>



                                                </li>

                                                <!-- {"Macro":"541674c8-87fe-4c01-bf73-5fc263818834","Operator":"contains","Value":"cccc","Macros":null-->
                                            </ul>
                                        </section>
                                        <section class="properties hide padding10">
                                            <abbr class="small-abbr" data-bind="css: properties.length == 0 ? 'hide' : '' ">properties</abbr>



                                            <ul data-bind="foreach: properties">
                                                <li class="property-block input-group col-xs-6"><span class="input-group-addon" data-bind="text: property_name"></span><span class="input-group-value" data-bind="    text: property_value"></span>
                                                </li>


                                            </ul>
                                        </section>
                                        <section class="errors hide">
                                            <abbr class="small-abbr" data-bind="css: errors.length == 0 ? 'hide' : '' ">errors</abbr>
                                            <ul data-bind="foreach: errors">
                                                <li class="error-block"><strong><span data-bind="text: message"></span></strong>

                                                </li>

                                                <!-- {"Macro":"541674c8-87fe-4c01-bf73-5fc263818834","Operator":"contains","Value":"cccc","Macros":null-->
                                            </ul>
                                        </section>

                                    </li>
                                </ul>
                            </div>

                       
                    </div>
                </div>
            </div>







            <ul data-bind="foreach: errors">
                <li class="errornode"><span data-bind="text: message"></span>
                </li>
            </ul>
        </div>
    </div>
    <!-- Todo: Generate table body -->
    <!--  <tbody data-bind="foreach: logs">
      <tr><td data-bind="text: type"></td><td data-bind="    text: text"></td></tr>
  </tbody>
</table>-->

</body>
</html>

